<template>
  <div>
    <div class="div" @click="add" ref="div">
      大本钟下送快递——上面摆，下面寄。 』——
      记得「饭堂周末夜」
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
let div = ref()
let fs = ref(16)
let add = ()=>{
    // console.log(div.value)
    fs.value ++
    div.value.style.fontSize = fs.value + 'px'
}

</script>

<style scoped>
  .div{
    width: 600px;
    height: 300px;
    background-color: darkgreen;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
  }
</style>
